Articles tagged "Front end animation"

动画设计&预览：在对话里演示 Anime.js，并产出可落地的 HTML+JS

2026-10-21 Big Model Skills Anime.js Front end animation SkillHub Agent Skill design-media

「动画设计&预览」是 SkillHub 上基于 Anime.js 的 community Skill（@user_bb1f0d09/anime-preview，v1.0.0，design-media）。无需 API Key。用户提及动画、过渡等关键词时，Agent 可通过 show_widget 在对话中展示动效 demo，并生成完整 HTML+JavaScript 供项目使用。安装需 skillhub CLI，用 --dir 指向 Cursor 等客户端的 skills 目录。适合需要快速试动效、再拿可运行代码的前端场景；复杂集成仍需本地验证。

# Vercel React View Transitions: Adding Native Transition Animations to React Following the Official Workflow

2026-08-17 Big Model Skills Agent Skill React View Transitions Next.js Front end animation

`vercel-react-view-transitions` is an official Agent Skill from Vercel Labs, teaching Cursor, Claude Code and Codex to use React's ViewTransition and `addTransitionType` to implement native page transitions. It can be installed via `npx skills add`. It covers shared element transitions, Suspense reveal, list reordering and route direction animations, with instructions for Next.js App Router included. ViewTransition is currently available in the React Canary channel; App Router has built-in support and no longer requires installing `react@canary`. Unsupported browsers will simply not display the animations.